import styled from 'styled-components'

const Container = styled.div `
       height:100%;
       overflow-y:scroll;
`
const Ui = styled.div `
       padding-top:.44rem;
     .img{
       >img{
       width:100%;
      }
     }
     .list{
       padding-top:.28rem;
       h1{
        margin-bottom:.2rem;
        padding-left: .1rem;
        font-size:.15rem;
       }
         ul{
           padding-left: .1rem;
           display:flex;
           flex-wrap:wrap;
           width:100%;
           li{
             width:33.33333%;
             display:flex;
             padding-right:.1rem;
             flex-direction:column;
             justify-content:center;
            >div{
               >img{
                 width:100%;
                   }
                }
            span{
                font-size:.12rem;
                padding:.14rem 0;
                text-align:center;
                }
           }
         }
     }
`
export {
  Container,
  Ui
}